<template>
  <div class="warning_container" flex="main:justify">
    <module1 />
    <module2 />
    <module3 />
    <module4 />
  </div>
</template>

<script>
import module1 from './components/module1'
import module2 from './components/module2'
import module3 from './components/module3'
import module4 from './components/module4'
export default {
  components: {
    module1,
    module2,
    module3,
    module4
  }
}
</script>

<style lang="scss" scoped>
.warning_container {
  position: absolute;
  width: 100%;
  z-index: 2;
  top: 180px;
  & > div {
    width: 950px;
  }
}
</style>
